{% load i18n static common %}
{% autoescape off %}
<div id="{{ model_name }}_edit_form" style="padding: 10px;">
    <form class="layui-form data-form" action="" method="post" >
        {% csrf_token %}
        {% with adminform.form as f %}
            {% layui_form_item f.emp %}
            {% layui_form_item f.start_time %}
            {% layui_form_item f.end_time %}
            {% layui_form_item f.category %}
              <div class="layui-form-item layui-hide" id="vacationCountitem">
                 {% layui_form_item f.vacation_number %}
                 <div class="layui-inline">
                      <label for="" class="layui-form-label">{% trans "employee_label_vacation" %}</label>
                      <div class="layui-input-inline" style="width: 115px !important;">
                        <input id="vacationCount" type="text" class="layui-input" disabled style="min-width: 110px !important;">
                      </div>
                      <div class="layui-form-mid layui-word-aux">
                        <a id="vacationRefresh" href="javascript:void(0);" class="layui-btn layui-btn-sm" onclick="vacationRefresh()">{% trans 'employee_btn_vacationRefresh' %}</a>
                      </div>
                    </div>
                 <div class="layui-inline">
                      <label for="" class="layui-form-label">{% trans "employee_label_vacationLeft" %}</label>
                      <div class="layui-input-inline" style="width: 115px !important;">
                        <input id="vacationleft" type="text" class="layui-input" disabled style="min-width: 110px !important;">
                      </div>
                  </div>
              </div>
            {% layui_form_item f.type %}
            {% layui_form_item f.apply_reason %}
            {% layui_form_item f.attachment %}
        {% endwith %}
         <div class="layui-form-item" style="display:block;" id="detail">
          <label class="layui-form-label">{% trans 'preview' %}</label>
          <div class="layui-input-block" id="id_attachment_preview">
            <i class="layui-icon layui-icon-picture" style="color: #009688;"></i>
          </div>
        </div>
    </form>
</div>
<script>
    layui.use('form', function() {
        var form = layui.form;
        form.render();
        $("form.layui-form input.layui-datetime").each(function () {
                var laydate = layui.laydate;
                laydate.render({
                    elem: this,
                    type: 'datetime'
                });
            });
        {% if adminform.form.instance.category.leave_category_type == 3 %}
          vacationRefresh();
        {% endif %}
        form.on('select(category)', function(data){
            var vacation_type = false;
            {% for category_type in adminform.form.base_fields.category.queryset %}
                if ({{ category_type.id }}== Number(data.value)&&{{ category_type.leave_category_type }} == 3){
                    vacation_type=true;
            }
            {% endfor %}
            if(vacation_type){
                $('#vacationCountitem').removeClass('layui-hide')
                vacationRefresh();
            }else{
                 $('#vacationCountitem').addClass('layui-hide')
            }
        });

    });
    function vacationRefresh() {
        $.ajax({
              url: "/personnel/vacation_refresh/?emp={{ adminform.form.instance.employee_id }}"
              ,type: "GET"
              ,contentType: false
              ,processData: false
              ,success: function (response) {
                  response = $.parseJSON(response)
                    if(response['code'] == 0){
                         $('#vacationCountitem').removeClass('layui-hide')
                         $('#vacationCount').val(response['vacation_days'])
                        $('#vacationleft').val(response['vacation_left'])
                    }
              }
          });
    }
    $(function(){
        {% if original.attachment %}
            $('#detail')[0].style.display = 'block';
            var img = '<img src={{ original.attachment.url }}>';
        {% else %}
            $('#detail')[0].style.display = 'none';
            var img = '<img src="">';
        {% endif %}
              $('#id_attachment_preview').click(function () {
                  layer.open({
                            title: "{%  trans 'preview' %}",
                            area: ['850px', '500px'],
                            type: 1,
                            content: img,
                            btn: [gettext('btn_confirm')]
                        });
              })
})
</script>
{% endautoescape %}